<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>智战疫 | 举报</title>
	<style type="text/css">
        #header {
            background-color:#6699cc;
            color:white;
            text-align:left;
            padding:5px;
            margin-top:10px;
            margin-left:10px;
            margin-right:10px;
       }
        .black_overlay {
				display: none;
				/* 此元素不会被显示*/
				position: absolute;
				top: 0%;
				left: 0%;
				width: 100%;
				height: 100%;
				background-color: #bbbbbb;
				z-index: 1001;
				/* z-index 属性设置元素的堆叠顺序。*/
				opacity: .80;
				/* opacity 属性设置元素的不透明级别。*/
			}

			.white_content {
				display: none;
				position: absolute;
				top: 20%;
				border: 1px solid #bbbbbb;
				border-radius: 20px;
				background-color: white;
				z-index: 1002;
				/*层级要比.black_overlay高，这样才能显示在它前面*/
				overflow: auto;
			}

			#light {
				position: absolute;
				left: 50%;
				/* top: 50%; */
				width: 400px;
				height: 300px;
				margin-left: -150px;
				margin-top: 200px;
			}

			#form_submit {
				text-align: center;
				margin-left: 10px;
				margin-top: 10px;
			}

			#font_login {
				font-weight: 400;
				font-size: 24px;
				color: #BBBBBB;
				text-align: center;
				margin-top: 20px;
			}

			.button_beautiful {
				width: 60px;
				height: 34px;
				/* 高度 */
				border-width: 0px;
				border-radius: 6px;
				background: #4ECDC4;
				cursor: pointer;
				outline: none;
				color: white;
				font-size: 16px;
				margin-top: 20px;
                margin-left: 100px;
			}
	</style>
  </head>
  <body>
      <div id="header">
            <span style="font-family: STXingkai;color: #FFFFFF;font-size: 300%">举报</span>
          <button id="btn0" class="btn0" style="margin-top: 10px;float:right;width:60px"
                    onclick = "window.location.href = 'http://127.0.0.1:5000/Second'">返回</button>
       </div>
      <div class="card shadow-lg p-6 mb-8 " style="margin-top:20px;margin-left:10px;border-style: double;">
          <h2 style="text-align: center;">须知</h2>
          <p style="letter-spacing:1px;line-height:30px;font-size:100%";>尊敬的先生/女士：<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              您好！欢迎来到举报页面。您所填写的内容必须为真实且有效。否则您将接受相应的处罚！！！
              <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;以下为举报的主要内容:</p></div>
          <div style="letter-spacing:1px;line-height:40px;margin-left:10px;">
              <form action="/Twelve" method="post"  >
                  <div class="form-group">
                    <label for="name"style="margin-left:10px;">1、姓名:</label>
                    <input type="text" class="form-control" name = "name" id="name" style="margin-left:10px;" placeholder="写下姓名..." required>
                  </div>
                  <div class="form-row">
                    <div class="form-group col-md-6">
                      <label style="margin-left:10px;" >2、联系方式:</label>
                      <input type="text" class="form-control" name = "phone" id="phone" style="margin-left:10px;" placeholder="写下联系电话/e-mail/QQ" required>
                    </div>
                    <div class="form-group">
                    <label for="name"style="margin-left:10px;">3、举报内容:</label>
                    <input type="text" class="form-control" name = "content" id="content" style="margin-left:10px;" placeholder="写下举报内容" required>
                  </div>
                  <div class="form-group">
                    <div class="form-check">
                        <br>
                      <input class="form-check-input" type="checkbox" id="gridCheck" required>
                      <label class="form-check-label" for="gridCheck">
                        以上填写信息是真实无误的
                      </label>
                    </div>
                  </div>
                <input type="submit" class="button"  value="举报">
		    </div>
              </form>
              <div>
                  <button class="btn0" style="margin-left: 10px;float:left;width:200px"
                    onclick = "window.location.href = 'http://127.0.0.1:5000/myreport'">点击进入我的举报>></button>
              </div>
          </div>
  </body>
</html>